<extend name="Public:base" />
<block name="content">
<div class="col-md-12">
    <div class="tabbable">
        <ul id="myTab" class="nav nav-tabs">
            <li data-active="themes" >
                <a href="{:U("ApiColud/themes?apid=$apid&tpl=themes")}" >主题选择</a>
            </li>
            <li >
                <a href="#home" >首页</a>
            </li>
            <li class="tab-red">
                <a href="#profile" >列表页面</a>
            </li>
            
            <li class="tab-blue">
                <a href="#profile" >详情页面</a>
            </li>
            
            <li class="tab-red">
                <a href="#profile" >导航风格</a>
            </li>
            
            <li class="tab-blue">
                <a href="#profile" >菜单风格</a>
            </li>
            
        </ul>

        <div class="tab-content">
            <div class="tab-pane in active" >
                <include file="$tpl" />
            </div>
        </div>
    </div>
</div>   
<script type="text/javascript">
$(function(){
    $('[data-active={$tpl}]').addClass('active');
})    
</script> 
</block>
